<template>
  <div class="product">
    <div class="banner"></div>
    <div class="lg-container">
      <el-row style="padding-top: 50px;">
        <el-col :span="24">
          <el-row class="tc" style="font-size:30px;margin:0 0 40px;color:#333333">
            产品功能
          </el-row>
          <el-row class="tc" style="font-size:24px;color:#999999">
            Sulution
          </el-row>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6"><img src="../assets/img/product/YWGN.png"></el-col>
        <el-col :span="6"><img src="../assets/img/product/CWGN.png"></el-col>
        <el-col :span="6"><img src="../assets/img/product/CRM.png"></el-col>
        <el-col :span="6"><img src="../assets/img/product/OA.png"></el-col>
      </el-row>
      <el-row>
        <el-col :span="6" style="margin: 20px 0 50px;">业务功能</el-col>
        <el-col :span="6" style="margin: 20px 0 50px;">财务功能</el-col>
        <el-col :span="6" style="margin: 20px 0 50px;">CRM</el-col>
        <el-col :span="6" style="margin: 20px 0 50px;">OA&人力资源</el-col>
      </el-row>
    </div>
      
    <div class="newLayer"> 
      <div class="lg-container" style="padding-top:50px;max-width:1058px;">
        <el-row >
          <el-col :span="12" >
            <img src="../assets/img/product/gn1.png">
          </el-col>
          <el-col :span="12" class="gn">
            <div class="sh3">业务功能</div>
            <div class="stxt">
              除去常规供应链业务功能，我们针对手机连锁行业特性定制了如价保、售后服务、运营商业务、分期业务、串号管理等功能，并对提成做了详细化功能设计，对库存做了智能化报警和分析，全方位的功能设计，让供应链业务更简单！
            </div>
          </el-col>
        </el-row>
        <el-row >
          <el-col :span="12" class="gn">
            <div class="sh3">财务功能</div>
            <div class="stxt">
              强大的专业级财务功能，直接与供应链关联，每一笔业务单据均可直接生成会计凭证，从源头控制财务数据，直接减轻财务压力。另添固定资产管理和费用预算管理，专业，更值得期待！
            </div>
          </el-col>
          <el-col :span="12" >
            <img src="../assets/img/product/gn2.png">
          </el-col>
        </el-row>
        <el-row >
          <el-col :span="12" >
            <img src="../assets/img/product/gn3.png">
          </el-col>
          <el-col :span="12" class="gn">
            <div class="sh3">CRM</div>
            <div class="stxt">
              更全面的记录客户信息，提供多维度的客户信息视图，全面了解客户，有的放矢地跟进商机，开展销售与客户更好地进行互动与沟通。让企业更加全面地了解客户及市场动态，让客户关系更和谐！
            </div>
          </el-col>
        </el-row>
        <el-row >
          <el-col :span="12" class="gn">
            <div class="sh3">OA&人力资源</div>
            <div class="stxt">
              界面友好、操作方便、性能稳定，能适应企业不断变化，功能覆盖面广。全信息化处理，无纸办公更轻松！
            </div>
          </el-col>
          <el-col :span="12" >
            <img src="../assets/img/product/gn4.png">
          </el-col>
        </el-row>
      </div>
    </div>

    <div class="lg-container" style="padding-top:50px;padding-bottom:50px;">
      <el-row>
        <el-col :span="24">
          <el-row class="tc" style="font-size:30px;margin:20px 0 10px;color:#333333">
            云盛仓库助手
          </el-row>
          <el-row class="tc" style="font-size:24px;color:#999999">
            i6200A企业级安全智能终端
          </el-row>
        </el-col>
      </el-row>
      <el-row style="padding-top:50px;">
        <el-col :span="8" class="tr">
          <el-col :span="16">
            <div style="font-size:24px;margin:20px 0 10px;color:#333;">智能体验</div>
            <div style="font-size:18px;color:#333;margin-top: 20px;">
              语音实时提醒,导航般的盘点体验,工作更轻松
            </div>
          </el-col>
          <el-col :span="8" style="padding: 25px 15px 0">
            <img src="../assets/img/product/pd1.png" style="width: 100%;">
          </el-col>
          <el-col :span="16">
            <div style="font-size:24px;margin:20px 0 10px;color:#333;">简单易用</div>
            <div style="font-size:18px;color:#333;margin-top: 20px;">
              流程清晰,操作简便,盘点报告随手查询
            </div>
          </el-col>
          <el-col :span="8" style="padding: 25px 15px 0">
            <img src="../assets/img/product/pd2.png" style="width: 100%;">
          </el-col>
        </el-col>
        <el-col :span="8">
          <div style="margin: 0 auto 20px;width: 50%;"><img src="../assets/img/product/pdj.png" style="width: 80%;"></div>
          <div>
            <p>Safedroid OS／整机充电底座／</p>
            <p>背部腕带／1.5米抗跌落／极速四核／</p>
            <p>条码扫描</p>
          </div>
        </el-col>
        <el-col :span="8" class="tl">
          <el-col :span="16">
            <div style="font-size:24px;margin:20px 0 10px;color:#333;">数据共享</div>
            <div style="font-size:18px;color:#333;margin-top: 20px;">
              数据阿里云云端共享,安全无忧
            </div>
          </el-col>
          <el-col :span="8" style="padding: 25px 15px 0">
            <img src="../assets/img/product/pd3.png" style="width: 100%;">
          </el-col>
          <el-col :span="16">
            <div style="font-size:24px;margin:20px 0 10px;color:#333;">量身定制</div>
            <div style="font-size:18px;color:#333;margin-top: 20px;">
              贴合手机零售行业,支持串号管理、双串号管理、条码管理
            </div>
          </el-col>
          <el-col :span="8" style="padding: 25px 15px 0">
            <img src="../assets/img/product/pd4.png" style="width: 100%;">
          </el-col>
        </el-col>
      </el-row>

      <el-row style="tc">
        <a class="toDetail btn btn-info" href="/YSHomePage/pdDetail.jsp">了解详情</a>
      </el-row>
    </div>



  </div>
</template>
<script>
  export default{}

</script>
<style scoped="">
  .banner {
    background-repeat: no-repeat;
    background-color: #e7e7e7;
    background-size: cover;
    background-position: center;
    background-image: url("../assets/img/product/banner580.png");
    height: 580px;
  }
  .gn{
    height: 340px;
    background: white;
    overflow: hidden;
    padding: 20px 30px;
    text-align: left;
  }
  .sh3 {
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .stxt {
    padding: 30px;
    text-align: left;
    line-height: 28px;
    font-size: 16px;
  }
  .toDetail{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 200px;
    margin: 25px auto;
    background: #17BFFA;
    color: #fff;
    font-size: 22px;
    border-radius: 8px;
  }
</style>
